<template>
  <f7-page name="developerMessage" color-theme="red" class="backgroundColor">
    <div class="navbarDeveloperMessage">
      <div class="navbar_l" @click="$f7router.back()">
        <f7-button>
          <svg-icon iconClass="horn_down_white" v-if="getThemeDark"/>
          <svg-icon iconClass="horn_down" v-else />
        </f7-button>
      </div>
      <div class="navbar_m">
        <div class="mText">
          <span class="titleColor">开发者留言</span>
        </div>
      </div>
      <div class="navbar_r"></div>
    </div>
    <f7-block class="message_block">
      <h5 class="spanColor">版本：v2.0</h5>
      <p class="spanColor">
        1.增加了头像编辑、上传、显示的功能   
      </p>
      <p class="spanColor">
        2.增加了分享歌单、分享歌曲、音圈、评论的功能呢，目前评论点赞和歌单图片显示还有问题
      </p>
      <p class="spanColor">
        3.用户分享的歌单或歌曲会出现在音圈中，分享的歌曲可直接在音圈播放，同时针对每个分享有评论区，评论的内容可以被回复。
      </p>
      <p class="spanColor">
        4.messagebar还没有增加表情功能，目前回复只能是文字
      </p>
      <p class="spanColor">
        5.上传接口增加了上传歌曲封面的入口。
      </p>
      <p class="spanColor">
        6.在音圈中，滑动到靠下的位置时，会在页面右下角出现一键返回到顶部按钮;在顶部时可以下拉刷新音圈
      </p>
      <h5 class="spanColor">版本：v1.6</h5>
      <p class="spanColor">
        1.添加了歌曲多选页面，可在各处歌单中进入多选页面，选择歌曲后可添加到播放列表，加入歌单或删除
      </p>
      <p class="spanColor">
        2.添加了从曲库中删除歌曲的功能，但是要在管理者模式下才可以删除
      </p>
      <p class="spanColor">
        3.现在进入app后会首先加载歌单的前40首歌，然后继续自动加载更多的歌曲
      </p>
      <p class="spanColor">4.现在播放列表会在退出时记录到localStorage里面</p>
      <h5 class="spanColor">版本：v1.5</h5>
      <p class="spanColor">1.添加了与安卓原生交互用的azBridge.js</p>
      <p class="spanColor">
        2.修复了歌单card列表card过多后显示超过底部bar的问题
      </p>
      <p class="spanColor">
        3.增加管理者权限功能，输入密码开启管理者权限后，可删除远程库歌曲，给已有歌曲上传歌词
      </p>
      <p class="spanColor">4.修复了在歌单中将歌曲加到另一歌单时出现的问题</p>
      <h5 class="spanColor">版本：v1.4</h5>
      <p class="spanColor">
        1.解决了歌名太长，详情页歌名文字滚动会遮盖返回按钮的问题
      </p>
      <p class="spanColor">
        2.优化了歌词显示，现在歌词滚动有平缓效果，且在播放歌词的时候可以改变歌词进度
      </p>
      <h5 class="spanColor">版本：v1.3</h5>
      <p class="spanColor">
        1.增加了上传歌手海报页面，并将上传歌曲与上传歌手海报的入口放到了leftPanel，优化了海报图片的展示（加入了loading图片，防止海报图片过大出现显示空白）。
      </p>
      <p class="spanColor">2.修复了搜索框随软件盘弹出高度发生变化的问题</p>
      <p class="spanColor">
        3.优化了底部playBar的展示，现在在歌单及搜索页面也会展示底部playBar。
      </p>
      <p class="spanColor">
        4.上传进行中时增加了loading图标，更换了首页playBar中的图标。
      </p>
      <h5 class="spanColor">版本：v1.2</h5>
      <p class="spanColor">
        1.增加了搜索推荐(模糊搜索)功能，精确搜索后可以按歌名和歌手进行不同的搜索，改善了搜索结果页面，
      </p>
      <p class="spanColor">2.密码加盐。</p>
      <p class="spanColor">3.给部分歌手加了海报背景图</p>
      <h5 class="spanColor">版本：v1.1</h5>
      <p class="spanColor">
        1.增加了歌曲详情页中的音量调节按钮，此处的音量调节与安卓系统的音量无关，最大为10（音频文件的原音量大小），单位为1。
      </p>
      <p class="spanColor">
        2.修复了&lt;换歌后歌词不自动滚动到顶部以及无歌词的情况下的bug&gt;&lt;退出登录，音乐播放不暂停&gt;&lt;歌单顶部显示不全&gt;的问题。
      </p>
      <p class="spanColor">3.增加了根据cookie自动登录的功能</p>
      <h5 class="spanColor">版本：v1.0</h5>
      ...
    </f7-block>
  </f7-page>
</template>
<script>
import { mapGetters } from 'vuex'
export default {
  computed:{
    ...mapGetters({
      getThemeDark: 'getThemeDark',
    })
  }
}
</script>
<style lang="scss" scoped>
.message_block {
  height: 60vh;
  margin: 3.5vh 0;
  overflow: auto;
}
.navbarDeveloperMessage {
  display: flex;
  align-items: center;
  height: 9vh;
  .navbar_l {
    width: 12vw;
    .svg-icon {
      width: 0.4rem;
      height: 0.4rem;
    }
  }
  .navbar_m {
    flex: 1;
    width: 72vw;
    margin-left: 1vw;
    span {
      font-size: 18px;
      white-space: nowrap;
    }
    .mText {
      width: 72vw;
    }
  }
}
</style>
